<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2024-9-13
  Time: 23:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>博客后台登录页面</title>
</head>
<style>
    .main {
        width: 800px;
        box-shadow: -10px 10px 25px rgba(210, 210, 210, 0.9);
        margin: auto;
        margin-top: 5%;
        display: flex;
        border-radius: 35px;
        background-color: #ffffff;
        height: 550px;
    }
    .container {
        width: 50%;
        margin: auto;
    }
    .login {
        color: black;
        padding-bottom: 16px;
        margin: 0;
        font-family: "Marvel-Regular";
        margin: 10px 0;
    }
    h3 {
        font-size: 24px;
        color: black;
        padding-bottom: 16px;
        margin: 0;
        text-align: center;
        font-family: "Marvel-Regular";
    }
    .login_input {
        margin: 10px 50px;
        width: 300px;
        height: 70px;
    }
    .input-text {
        border: 1px solid #555;
        outline-color: #fd9f3e;
        width: 90%;
        font-size: 16px;
        padding: 8px;
        line-height: inherit;
    }
    .text-center {
        text-align: center;
    }
    .login-submit {
        color: rgb(255, 253, 253);
        width: 80px;
        height: 35px;
        border: none;
    }
</style>
<body>
<div class="main">
    <div class="container" >
        <form action="login" method="post">
            <div class="login">
                <h3>用户登录</h3>
                <div class="login_input">
                    <input type="text" name="username" placeholder="请输入用户名" class="input-text" />
                </div>
                <div class="login_input">
                    <input type="password" name="password" placeholder="请输入密码" class="input-text" />
                </div>
            </div>
            <div class="text-center">
                <input type="submit" value="登录"/>
            </div>
        </form>
    </div></div></body></html>
